import BtnNewChart from "./BtnNewChart";
import SelModels from './SelModels'
import PalLogin from "./PalLogin";
function Top(props) {
    return <div className="draggable no-draggable-children sticky top-0 p-3 mb-1.5 flex items-center justify-between z-10 h-header-height font-semibold bg-token-main-surface-primary max-md:hidden">
    <div className="absolute start-1/2 ltr:-translate-x-1/2 rtl:translate-x-1/2"></div>
    <div className="flex items-center gap-0 overflow-hidden">
      <div className="flex items-center">
        <span className="flex" data-state="closed">
          <BtnNewChart />
        </span>
      </div>
      <SelModels />
    </div>
    <div className="gap-2 flex items-center pr-1 leading-[0]">
      <PalLogin />
    </div>
  </div>
}

export default Top;